 <include file="Public/head" />
<link type="text/css" rel="stylesheet" href="{:get_style_cdnurl()}paimai/yunying/plugin/select2/select2.css" />
<script src="{:get_style_cdnurl()}paimai/yunying/plugin/select2/select2.js" type="text/javascript"></script>
<script src="{:get_style_cdnurl()}paimai/yunying/plugin/select2/select2_locale_zh-CN.js" type="text/javascript"></script>
<script type="text/javascript" src="{:get_style_cdnurl()}paimai/yunying/js/jquery.rotate.min.js"></script>
<style>
.box{width:186px; height:210px;margin:10px auto;float: left;margin-left: 6px; position:relative;}
.box-title{ position:absolute;left:14px;top:100px;height:30px; line-height:30px;width:157px; text-align:center;color:#fff; z-index:99;}
.sunbox{width:156px; height:120px;margin:10px auto; overflow:hidden; background:url(http://img1.isou365.cn/paimai/yunying/images/tupianBg.jpg) no-repeat;}
.shangchuan{position: relative;overflow: hidden;display:inline-block;*display:inline;padding:4px 10px 4px;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#5bb75b;border:none;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.shangchuan input {position: absolute;top: 0; right: 0;margin: 0;border:none;opacity: 0;filter:alpha(opacity=0); cursor: pointer;}
.files{}
.delimg{height:18px; line-height:18px; position:absolute;top:5px;right:5px;width:18px;border-radius:50%; background:#20ab4f;color:#fff; text-align:center;cursor:pointer;}
/*.delimg{height:18px; line-height:18px;color:#fff; cursor:pointer;font-size:14px;}*/
.box .box-title-bg{ position:absolute;left:14px;top:100px;height:30px; line-height:30px;width:157px; background:#000; opacity:0.5;}
/*.sunbox-alret{ display:none; position:fixed;top:50%;left:50%; background:#fff;border-radius:5px;z-index:999;padding:20px;}*/
.sunbox-alret span{height:18px; line-height:18px; position:absolute;top:-5px;right:-5px;width:18px;border-radius:50%; background:#20ab4f;color:#fff; text-align:center;z-index:999; cursor: pointer;}
.sunbox-alret .xie-loading{cursor:pointer;position: absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px; display:none;}
.sunbox-alret .xie-loading img{width:50px;height:50px; display: block;}
.box-plus{width:156px;height:120px; line-height:120px; text-align: center;color:#d3d9d9;font-size:60px; display:block; background:#fff;border:solid 2px #d3d9d9;margin-top:10px; cursor:pointer;}
.xuanzhe .lift-truck{width:280px;padding:10px;display:block; background:#e1e1e1;border-radius:5px;margin-left:140px;margin-top:-10px;}
.xuanzhe .lift-truck #taker_phone,.xuanzhe .lift-truck #taker_sex,.xuanzhe .lift-truck #taker_card,.xuanzhe .lift-truck #take_car_num{width:280px; display:block;height:30px; line-height:30px; text-align:left;}
.xuanzhe .lift-truck span em{float:left; display:block;width:60px; text-align:right;}

.progress { position: relative;
    margin-left: 42px;
    margin-top: -124px;
    width: 100px;
    padding: 1px;
    border-radius: 3px;
    display: none;
}
.bar {background-color: green; display:block; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; height:20px; display:inline-block; top:3px; left:2%; color:#fff }
.xuanzhuan{width:40px;height:34px; display:none;background:#fff url(http://img1.isou365.cn/paimai/yunying/images/xuanzhuan.png) no-repeat;cursor:pointer; position:fixed;bottom:40px;left:50%;margin-left:-20px;border-radius:5px; z-index:99999;}
.fork{width:40px;height:40px; display:none;background:url(http://img1.isou365.cn/paimai/yunying/images/close.png) no-repeat;cursor:pointer; position:fixed;top:20px;right:20px;z-index:99999;}
</style>
</head>
<include file="Public/common_header" />
<div class="mian">
<include file="Public/sidebar"  menu="shgl.gh" />
<div class="mianR">
<h3 class="yonghu">过户信息</h3>
<div class="chezhu-xinxi">
    <div class="xinxi-conter xinxi-conter1" style="background: none;margin-bottom:10px;border: none">
        <h4 class="order_no">拍卖单号：<b>{$transferInfo.order_no}</b></h4>
    </div>
  <div class="transfer">
      <div class="xinxi-conter xinxi-conter1">
        <h4>车辆信息</h4>
        <ul>
            <li class="clearfix">
                <em>车型</em><em class="name-text">{$transferInfo.model}</em>
                <em>排放标准</em><em class="dian-hua"><?php echo C('EMISSION')[$transferInfo['emission']];?></em>
            </li>

            <li class="clearfix">
                <em>初登日期</em><em class="name-text">{$transferInfo.first_reg_date}</em>
                <em>颜色</em><em class="dian-hua"><?php echo C('CAR_COLOR')[$transferInfo['car_color']];?></em>
            </li>
            <li class="clearfix">
                <em>表显里程</em><em class="name-text">{$transferInfo.pointer_mileage}万公里</em>
                <em>车况级别</em><em class="name-text">{$transferInfo.composite_state}{$transferInfo.accident_level}</em>
            </li>
            <li class="clearfix">
                <em>车辆注册地</em><em class="name-text">{$transferInfo.reg_city}</em>
                <em>所在地</em><em class="name-text">{$transferInfo.location_area}</em>
            </li>
            <li class="clearfix">
                <em>车牌号</em><em class="name-text">{$transferInfo.plate}</em>
                <em>车架号</em><em class="name-text">{$transferInfo.vin}</em>
            </li>
            <li class="clearfix">
                <em>年检有效期</em><em class="name-text">{$transferInfo.verify_expiry}</em>
                <em>交强险有效期</em><em class="name-text">{$transferInfo.com_insure_expiry}</em>
            </li>
            <li class="clearfix">
                <em>渠道来源</em><em class="name-text">
                    <if condition="$transferInfo.comefrom neq ''">
                    <?php if(empty($transferInfo['comefrom_url'])):?>
                      <?php echo $show_from[$transferInfo['comefrom']];?>
                    <?php else: ?>
                      <a href="{$transferInfo.comefrom_url}" target="_blank" rel="noreferrer"><?php echo $show_from[$transferInfo['comefrom']];?></a>
                    <?php endif;?>
                    <else/>
                      未知
                    </if>
                </em>
                <em>最终成交价</em><em class="name-text">{$transferInfo.last_trans_price} 元</em>
            </li>
        </ul>
      </div>
      <br/>
      <div class="xinxi-conter xinxi-conter1">
        <h4>过户信息</h4>
        <ul>
            <li class="clearfix">
                <em>过户限制</em><em class="name-text">{$transferInfo.transfer_limit}</em>
                <em>开票要求</em><em class="name-text">{$transferInfo.invoice} 元</em>
            </li>
            <li class="clearfix">
                <em>车辆落户</em>
                <em class="name-text">{$transferInfo.transfer_to_name}</em>
                <em>过户要求</em><em class="name-text">{$transferInfo.transfer_type}</em>
            </li>
            <li class="clearfix ">
                <?php if ($transferInfo['result'] == 2): ?>
                    <em>过户成功时间</em>
                <?php elseif($transferInfo['result'] == 3): ?> 
                    <em>过户失败时间</em>
                <?php endif ?>
                <em class="name-text supplement" style="width:827px;">{$transferInfo.last_update}</em>
            </li>
            <?php if(!empty($transferInfo['procedures_upload'])):?>
                 <li class="clearfix procedures">
                    <em class="uploadText1">手续上传要求</em><em class="name-text uploadText" style="width:827px;">{$transferInfo.procedures_upload}</em>
                </li>
            <?php endif;?>
            <li class="clearfix ">
                <em>车辆补充说明</em>
                <em class="name-text supplement" style="width:827px;">{$transferInfo.other_info}</em>
            </li>
        </ul>
      </div>
      <br/>
    <div class="xinxi-conter xinxi-conter1">
        <h4>复检信息</h4>
        <ul>
            <li class="clearfix">
                <em>手续复检人</em><em class="name-text">{$transferInfo.procedures_name}</em>
                <em>车况复检人</em><em class="name-text">{$transferInfo.check_name} </em>
            </li>
            <li class="clearfix">
                <em>复检时间</em><em class="name-text">{$transferInfo.recheck_time}</em>
                <em>核实手续</em><em class="name-text">{$transferInfo.procedures}</em>
            </li>
            <li class="clearfix ">
                <em>复检备注</em>
                <em class="name-text supplement" style="width:827px;">{$transferInfo.recheck_remark}</em>
            </li>
        </ul>
    </div>
    <br/>
      <div class="xinxi-conter xinxi-conter1">
        <h4>原车主信息</h4>
        <ul>
            <li class="clearfix">
                <em>车主类型</em><em class="name-text">{$transferInfo.owner_type_name}</em>
                <if condition="$transferInfo.owner_type eq 1">
                    <em>原车主姓名</em><em class="name-text">{$transferInfo.seller_name}</em>
                    <else />
                    <em>原公司名称</em><em class="dian-hua">{$transferInfo.seller_name}</em>
                </if>
            </li>
            <li class="clearfix">
                <if condition="$transferInfo.owner_type eq 1">
                    <em>原联系电话</em><em class="name-text">{$transferInfo.phone}</em>
                    <else />
                    <em>原联系人姓名</em><em class="name-text">{$transferInfo.contact_person}</em>
                    <em>原联系电话</em><em class="dian-hua">{$transferInfo.phone}</em>
                </if>
            </li>
            <input type="hidden" name="owner_id" value="{$transferInfo.owner_id}"  id="owner_id" />
        </ul>
      </div>
    <br/>
      <div class="xinxi-conter xinxi-conter1">
        <h4>评估师信息</h4>
        <ul>
            <li class="clearfix">
                <em>评估师</em><em class="name-text">{$transferInfo.real_name}</em>
                <em>评估师电话</em><em class="dian-hua">{$transferInfo.mobile}</em>
            </li>
            <!-- <input type="hidden" name="owner_id" value="{$transferInfo.owner_id}"  id="owner_id" /> -->
        </ul>
      </div>
      <br/>
      <div class="xinxi-conter xinxi-conter1">
        <h4>车商信息</h4>
        <ul>
            <li class="clearfix">
                <em>车商联系人</em><em class="name-text">{$transferInfo.dealer_contact_person}</em>
                <em>联系人电话</em><em class="dian-hua">{$transferInfo.dealer_contact_mobile}</em>
            </li>
        </ul>
      </div>
    <br/>
    <?php if ($transferInfo['result']==2): ?>
    <div class="xinxi-conter xinxi-conter1">
        <h4>备注信息</h4>
        <ul>
            <li class="clearfix">
                <em>过户备注</em><em class="name-text">{$transferInfo.succremark}</em>
            </li>
        </ul>
    </div>
    <br/>
    <?php if ($transferInfo['take_man_info']): ?>
    <div class="xinxi-conter xinxi-conter1">
        <h4>提车信息</h4>
        <ul>
            <li class="clearfix">
                <em>提车人</em><em class="name-text">{$transferInfo.take_man_info.real_name}</em>
                <em>手机</em><em class="dian-hua">{$transferInfo.take_man_info.mobile}</em>
            </li>
            <li class="clearfix">
                <em>身份证</em><em class="name-text">{$transferInfo.take_man_info.idcard}</em>
                <em>提车数量</em><em class="dian-hua">{$transferInfo.take_man_info.take_num}</em>
            </li>
        </ul>
    </div>
    <br/>
    <?php endif ?>
    <?php endif ?>

    <?php if($transferInfo['car_source'] == 1):?> <!-- 如果是4s店 车源时-->
    <h3 class="cha">手续上传要求</h3>
    <div class="transfer-want">
      <div class="transfer-front clearfix">
          <dl class="clearfix" style="height: 310px;">
              <dt style="height: 310px;">
                  <span style="margin-top: 134px;">过户前</span>
              </dt>
              <empty name="beforeTransfer">
                  <dd class="not-upload">无上传要求</dd>
              </empty>
              <dd>
                  <ul >
                      <?php foreach($beforeTransfer as $pb):?>
                      <li data-id="1" class="clearfix">
                          <span>{$pb.certificate_name}</span>
                          <input type="button" class="<?php echo ($pb['certificate_image_type']==1 || $pb['certificate_image_type']==3) ? 'current' : '' ;?>" data-id="1" value="照片" >
                          <input type="button" class="<?php echo ($pb['certificate_image_type']==2 || $pb['certificate_image_type']==3) ? 'current' : '' ;?>" data-id="2" value="扫描件">
                      </li>
                      <?php endforeach;?>
                  </ul>
              </dd>
          </dl>
          <dl class="clearfix" style="margin-left:24px;">
              <dt style="height: 310px;"><span style="margin-top: 134px;">过户后</span></dt>
              <empty name="afterTransfer">
                  <dd class="not-upload">无上传要求</dd>
              </empty>
              <dd>
                  <ul>
                      <?php foreach($afterTransfer as $pa):?>
                      <li data-id="2" class="clearfix">
                          <span>{$pa.certificate_name}</span>
                          <input type="button" class="<?php echo ($pa['certificate_image_type']==1 || $pa['certificate_image_type']==3) ? 'current' : '' ;?>" data-id="1" value="照片" >
                          <input type="button" class="<?php echo ($pa['certificate_image_type']==2 || $pa['certificate_image_type']==3) ? 'current' : '' ;?>" data-id="2" value="扫描件">
                      </li>
                      <?php endforeach;?>
                  </ul>
              </dd>
          </dl>
      </div>
    </div>
    <?php endif;?>

    <?php if (!empty($transferInfo['followLog'])): ?>
        <div class="xinxi-conter xinxi-conter1">
            <h4>过户日志</h4>
            <ul>
                <?php foreach ($transferInfo['followLog'] as $k => $f){ ?>
                <li class="clearfix">
                    <em>
                        <?php if(!empty($f['createtime'])) { ?>
                        {$f.createtime|strtotime|date='Y-m-d H:i',###}
                        <?php } ?>
                    </em>
                    <em>{$f.real_name}</em><em>继续跟踪</em>
                    <em class="name-text">{$f.remark}</em>
                </li>
                <?php } ?>
            </ul>
        </div>
    <?php endif ?>
    <?php if ($transferInfo['transfer_img']): ?>
        <div class="chezhu-xinxi" id='transfer_img'>
            <div class="transfer">
                <div class="xinxi-conter xinxi-conter1">
                    <h4>常规手续查看</h4>
                    <?php foreach ($alltype as $key =>$value): ?>
                        <?php if ($key <= 9): ?>
                            <div class="box">
                                    <div class="box-title"><?php echo $value; ?></div>
                                    <em class="box-title-bg"></em>
                                    <div class="sunbox">
                                        <?php foreach ($transferInfo['transfer_img'] as $v): ?>
                                            <?php if (!empty($v['url']) && $key == $v['type']): ?>
                                                <img src="<?php echo $host.$v[url] ?>@120h_156w">
                                            <?php endif ?>
                                        <?php endforeach ?>   
                                    </div> 
                                </div>
                        <?php endif ?>         
                    <?php endforeach ?>
                </div>
                <div style="clear:both;"></div>
                <div class="xinxi-conter xinxi-conter1">
                    <h4>其他手续查看</h4>
                    <?php foreach ($transferInfo['transfer_img'] as $val): ?>
                        <?php if (!empty($val['url']) && $val['type']==10 ): ?>
                        <div class="box">
                            <div class="sunbox" >
                                <img src='<?php echo $host.$val[url] ?>@120h_156w' >
                            </div> 
                        </div>
                        <?php endif ?>
                    <?php endforeach ?>
                </div>

                <div style="clear:both;"></div>
            </div>
        </div>
    <?php endif ?>
   
    </div>
  </div>
    <div class="yongBtn1">
        <input class="quxiao" type="submit" value="关闭" onclick="window.close();">
    </div>
</div>

</div>

<div class="sunbox-alret">
<img src="" />
</div>
<div class="fork"></div>
<div class="xuanzhuan"></div>
<div class="xie-loading"></div>
<div class="pageBeijing" style="z-index:998;"></div>
</body>
</html>
<script>

    <!-- 手续上传要求开始-->
    var oH=$(".transfer-front dl:last-of-type").outerHeight();
    $(".transfer-front dl:first-child").css("height",oH+"px");
    $(".transfer-front dl dt").css("height",oH+"px");
    var oSh=$(".transfer-front dl dt span").height();
    $(".transfer-front dl dt span").css("marginTop",(oH-oSh)/2+"px");
    <!-- 手续上传要求结束-->

    $(".sunbox img").click(function(){      
        var Img=$(this).attr("src").split("@");           
        $(".xuanzhuan").fadeIn();
        $(".fork").fadeIn();
        $(".pageBeijing").css("display","block");
        $(".xie-loading").fadeIn();
        $(".sunbox-alret img").attr("src",Img[0]).get(0).onload=function(){
            $(".xie-loading").fadeOut();              
            $(".sunbox-alret").fadeIn();
            $(".sunbox-alret").rotate(0);
            $(".sunbox-alret").css("top",$(window).scrollTop());      
            $(".sunbox-alret").css({
                "marginTop":100,
                "marginLeft":-$(".sunbox-alret").outerWidth()/2,
            }) 
        };
    })
    var num = 0; 
    $(function(){
        $(".xuanzhuan").click(function(){ 
            num ++; 
            $(".sunbox-alret").rotate(90*num); 
        })
    })
    
    $(".fork").click(function(){
        $(".pageBeijing").css("display","none");
        $(".sunbox-alret").fadeOut();
        $(".xuanzhuan").fadeOut();
        $(".xie-loading").fadeOut();
        $(".fork").fadeOut();
        $(".sunbox-alret img").attr("src","");
        num = 0;
    })

</script>